<%--
  Created by IntelliJ IDEA.
  User: haocongshun
  Date: 2016/10/16
  Time: 14:28
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE HTML>
<html>
<head>
    <title>Press管理员</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Modern Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!-- Bootstrap Core CSS -->
    <link href="${CONTEXTPATH}/admin/static/css/bootstrap.min.css" rel='stylesheet' type='text/css' />
    <!-- Graph CSS -->
    <link href="${CONTEXTPATH}/admin/static/css/font-awesome.css" rel="stylesheet">
    <link href="${CONTEXTPATH}/admin/static/css/bk.css" rel="stylesheet">
    <!-- jQuery -->
    <script src="${CONTEXTPATH}/admin/static/js/jquery.min.js"></script>
    <!-- Graph JavaScript -->
    <script src="${CONTEXTPATH}/admin/static/js/bootstrap.min.js"></script>
    <script src="${CONTEXTPATH}/admin/static/js/util.js"></script>
    <script src="${CONTEXTPATH}/admin/static/firstUsed/firstUsed.js"></script>
</head>
<body>
<span id="contentPath" data-contextPath="<%=request.getContextPath()%>"></span>
<h1 style="text-align: center">press博客系统首次使用引导</h1>
<div class="king-page-box">
    <div class="king-container clearfix">
        <div class="ui-ui" style="position: relative; z-index: 0; opacity: 1;">
            <div class="king-step2 m30">
                <div class="king-process king-process-success">
                    <div id="flow1" class="process-done step-hasnext">
                        1.配置流程说明
                    </div>
                    <div id="flow2" class="process-did step-hasnext">
                        2.数据库信息配置
                    </div>
                    <div id="flow3" class="process-did step-hasnext">
                        3.创建管理员账号
                    </div>
                    <div id="flow4" class="process-did">
                        4.完成配置
                    </div>
                </div>
            </div>
        </div>
        <%--配置说明--%>
        <div id="instruction">
            <div class="row">
                <div class="col-sm-3">

                </div>
                <div class="col-sm-6">
                    <h3>关于本系统的说明</h3>
                    <div style="">
                        <p>1.本系统首次受用需要使用者进行数据库以及管理员用户的创建。
                        <p>2.数据库使用MySQL5.0以上版本,数据库由使用者创建，数据表有本系统创建。
                        <p>3.创建管理员用户需要填写用户名与密码。
                        <p>4.管理员用户登录后，可使用本系统的功能。
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">

                </div>
                <div class="col-sm-6">
                    <button type="button" id="instruction-next" style="width: 100%;margin: 20px auto 20px auto;" class="btn btn-success">下一步</button>
                </div>
            </div>
        </div>
        <%--数据库配置--%>
        <div id="database" class="ui-ui" style="position: relative; z-index: 0;">
            <form class="form-horizontal">
                <div class="ui-ui" style="position: relative; z-index: 0;">
                    <div class="form-group clearfix">
                        <label class="col-sm-4 control-label">数据库：</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="" placeholder="提示信息">
                        </div>
                    </div>
                </div>
                <div class="ui-ui" style="position: relative; z-index: 0;">
                    <div class="form-group clearfix">
                        <label class="col-sm-4 control-label">地址：</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="" placeholder="提示信息">
                        </div>
                    </div>
                </div>
                <div class="ui-ui" style="position: relative; z-index: 0;">
                    <div class="form-group clearfix">
                        <label class="col-sm-4 control-label">用户名：</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="" placeholder="提示信息">
                        </div>
                    </div>
                </div>
                <div class="ui-ui" style="position: relative; z-index: 0;">
                    <div class="form-group clearfix">
                        <label class="col-sm-4 control-label">密码：</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="" placeholder="提示信息">
                        </div>
                    </div>
                </div>
                <div class="ui-ui" style="position: relative; z-index: 0;">
                    <div class="form-group clearfix">
                        <label class="col-sm-4 control-label">端口号：</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="" placeholder="提示信息">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-4">

                    </div>
                    <div class="col-sm-5">
                        <button type="button" id="database-next" style="width: 100%;" class="btn btn-success">下一步</button>
                    </div>
                </div>
            </form>
        </div>
        <%--创建管理员用户--%>
        <div id="admin" class="ui-ui" style="position: relative; z-index: 0;">
            <form class="form-horizontal">
                <div class="ui-ui" style="margin-top:20px;position: relative; z-index: 0;">
                    <div class="form-group clearfix">
                        <label class="col-sm-4 control-label">用户名：</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="" placeholder="提示信息">
                        </div>
                    </div>
                </div>
                <div class="ui-ui" style="position: relative; z-index: 0;">
                    <div class="form-group clearfix">
                        <label class="col-sm-4 control-label">密码：</label>
                        <div class="col-sm-5">
                            <input type="password" class="form-control" id="" placeholder="提示信息">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-4">

                    </div>
                    <div class="col-sm-5">
                        <button id="admin-next" type="button" style="width: 100%;" class="btn btn-success">下一步</button>
                    </div>
                </div>
            </form>
        </div>
        <%--完成配置--%>
        <div id="done">
            <div class="row">
                <div class="col-sm-4">

                </div>
                <div class="col-sm-5">
                    <h4>配置完成！<a>点击跳转管理员登录页面！</a></h4>
                </div>
            </div>

        </div>
    </div>
</div>
</body>
</html>